<!--
 * new page
 * @author: sunYihui
 * @since: 2024-08-30
 * homeView.vue
-->
<template>
    <div>
        <el-container class="common-layout">
            <el-header class="header">
                <Header></Header>
            </el-header>
            <el-container>
                <el-aside class="left" width="100px">
                    <LeftMenu></LeftMenu>
                </el-aside>
                <el-main class="mainbox">
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script setup lang="ts">
import LeftMenu from '../../components/menu/LeftMenu.vue';
import Header from '../../components/menu/Header.vue';
</script>

<style lang="less" scoped>
.common-layout {
    width: 100%;
    height: 100vh;
    position: relative;
    .header {
        width: 100%;
        background-color: #f4f4f4;
        height: 50px;
        border-bottom: 1px solid #e5e5e5;
        padding: 0 20px 0 10px;
        box-sizing: border-box;
    }
    // .left{
    //     position: fixed;
    //     left: 0;
        
    // }
    .mainbox{
        padding: 0 30px;
        box-sizing: border-box;
        
    }


}
</style>
